<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页结构的常见用法</title>
</head>
<body>

    <!-- 


       这些标签都是一些行业规范

            <header>
                我是头部
            </header>

            <nav>导航栏</nav>

            <aside>侧边栏</aside>

            <article>文章主题</article>

            <section> 独立区域 </section>

            <footer>
                我是尾部
            </footer>

     -->

    <header>网页头部</header>
    <nav>daohanglam</nav>
    <aside>cebianlan</aside>
    <article>wenzhangzhuti</article>
    <section>duliquyu</section>

    <footer>yejiao</footer>
    <hr>

    <!-- 内联框架- -->

    <iframe src="https://www.baidu.com/" width="300px" height="300px" >点击跳转到baidu</iframe>
    <hr>
    <iframe src="" frameborder="0" name="main"></iframe>
    <a href="https://www.baidu.com/" target="main">main</a>
    
</body>
</html>